import React, { PureComponent } from "react";

import CSSTransitionDemo from "./CSSTransition";
import SwitchTransitionDemo from "./SwitchTransition";
import TransitionGroupDemo from "./TransitionGroup";
class index extends PureComponent {
  render() {
    return (
      <div>
        <h1>CSSTransition动画</h1>
        <CSSTransitionDemo></CSSTransitionDemo>
        <div
          style={{
            textAlign: "center",
            width: "800px",
            margin: "auto",
          }}
        >
          <h1>SwitchTransitionDemo动画</h1>
          <SwitchTransitionDemo></SwitchTransitionDemo>
        </div>
        <div>
          <h1>TransitionGroupDemo动画</h1>
          <TransitionGroupDemo></TransitionGroupDemo>
        </div>
      </div>
    );
  }
}

export default index;
